@charset "utf-8";

// 背景样式
@mixin background{
	background-color: #fff;
	margin-bottom: .75rem;
    padding: .75rem;
}

// 产品图片
.product-picture{
	@include background;
	left: 0rem;
	top: 0rem;
}


// 产品名称
.product-name{
	@include background;
	p{
		font-size: 1rem;
		line-height: 1.5rem;
		
		span{
			font-size: 1rem;
			line-height: 2rem;
			color: firebrick;
			font-weight: bold;
		}
	}
	
}


// 产品信息
.product-information{
	@include background;
	
	ul{
		li{
			font-size: .5rem;
			line-height: 2rem;
			color: #666;
			font-weight: bold;
			
			span{
				color: #000;
				display: inline-block;
				margin-left: .5rem;
				font-weight: normal;
			}
			
			div{
				margin-left: 5%;
				display: inline-block;
    			line-height: normal;
    			font-size: 0;
				background-color: #ededed;
    			border: .05rem solid #ddd;			

				.pi-button{
    				display: inline-block;
   			 		width: 2rem;
    				background-color: #ededed;
					color: #000;
    				font-size: 1rem;
					font-weight: bolder;
    				text-align: center;
					vertical-align: middle;
				}
				
				.pi-amount{
    				display: inline-block;
    				width: 3.5rem;
					background-color: #fff;
    				color: #333;
    				font-size: .75rem;
    				text-align: center;
					vertical-align: middle;
					line-height: 1.75rem;
					border-left: .05rem solid #ddd;
					border-right: .05rem solid #ddd;   
				}
			}
		}
	}
}

// 认证图
.product-safe{
	//背景样式 
	padding: 0;
	margin-bottom: .75rem;
}

// 底部部分
.product-foot{
	background-color: #fff;
	text-align: center;
	font-size: .5rem;
	color: #666;
	line-height: 1.5rem;
	margin-bottom: 3rem;
	
	.pf-head{
		padding: .5rem 0rem 0rem 0rem;
		font-weight: bolder;
		display: block;
		margin-bottom: .5rem;
		
		img{
			display: block;
			margin: auto;
			width: 23.75%;
			
		}
	}
	
	.pf-button{
		width: 50%;
		text-align: center;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
	}
}


.tools{
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
	
	a{
		background-color: #3b9bfb;
		border-left: .05rem solid aqua;
		display: block;

		span{
			color: #fff;
		}
	}
	
	#tools-money{
		background-color: #3B454E;
		font-size: 1.25rem;
		font-weight: bolder;
	}
	
	#tools-buy{
		font-size: 1.25rem;
		font-weight: normal;
		font-weight: bolder;
		color: #fff;
	}
	
	
}


.cartfix{
	position: fixed;
    left: 3.125%;
    bottom: 4rem;
    z-index: 500;
	a{
		display: block;
   	    width: 45px;
   	 	height: 45px;
   	  	background: #3b9bff url(http://s2.hqbcdn.com/mobile/v0/images/icons/sp_icos_2.png) no-repeat 9px -45px;
    	background-size: 50px;
    	border-radius: 50%;
	}
}